<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <button id="ggwp">开始</button>
    <button id="gg">结束</button>
    <h1 id="txt">开始抽奖</h1>
    <script>
        var tag=document.getElementById('txt')
        var start=document.getElementById('ggwp')
        var end=document.getElementById('gg')
        var timer;

        var list=['橘右京-修罗','韩信-街头霸王','狄仁杰-超时空战士','小乔-缤纷独角兽','孙尚香-时之恋人','李白-凤求凰','嬴政-摇滚巨星','曜-云鹰飞将','孙膑-归墟梦演'];
            // 获取数组中的某个数据 数组名字[下标] 下标从0开始
            console.log(list[0]);
            // 数组的长度 数组名.length
            console.log(list.length);
    //Math.random()产生随机数0-1之间的随机数 包含0 不含1
    // parseInt(a)把a转化为整数
    // console.log(parseInt(Math.random()*10))
    // 每隔一段时间执行代码 setInterval(function(){执行的代码}，时间ms）
   start.onclick=function(){
    clearInterval(timer);
    timer=setInterval(function(){
        var n=parseInt(Math.random()*list.length);
        tag.innerHTML=list[n]
    },100)
   }
   end.onclick=function(){
                clearInterval(timer);
                tag.innerHTML=list[2]
            }
    </script>
</body>
</html>